class list {
    constructor() {
        this.getData();
        this.binEve();
        //this.json()

    }
    // 获取数据
    async getData() {
        // 发送到ajxa  获取数据
        let data = await axios.get('http://localhost:8888/goods/list?pagesize=4');
        let { code, list } = JSON.parse(data);
        // console.log(code,list);
        // 判断是否请求成功
        if (code !== 1) throw new Error('数据请求失败');

        // 2. 渲染数据
        let html = '';
        list.forEach(goods => {
            html += `<li class="items" data-id=${goods.goods_id}>
            <a href="#none">
                <img class="img1" src="${goods.img_big_logo}"> ${goods.title}</p>
                <p class="desc">${goods.sometitle}</p>
                <p class="price">
                    ${goods.current_price}</p>
            </a>
            
        </li> `;

        });
        // console.log(html);
        // 将数据追加到ul中
        this.$('.time_in').innerHTML = html;
    }


    // 事件绑定
    binEve =() => {

        this.$('.time_in').addEventListener('click', this.source)
        // document.body.classList.contains
        
    }
    source = (eve) => {  //eve  事件对象
         //let data=eve.target.classList.contains('items') 
        //  console.log(data);
        // 判断点击的是items 然后获取id 
         if(eve.target.classList.contains('items')){
           
          
             let id= eve.target.dataset.id;  //获取到data开头的id
            //   console.log(id);
            //   console.log(1111);
            localStorage.setItem('id',id);     //然后把获取到的id存在本地存储里面 第一个参数是起的名字 第二个参数是要存的变量名或者值   
            location.href = './plus5.html';   //存之后调转到详情页
          }
       
       
          
        
        }
       
       


    
    // 获取节点的方法
    $(ele) {
        let res = document.querySelectorAll(ele);
        return res.length == 1 ? res[0] : res;

    }


}
new list;